<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>main_entiity</title>
<script>
    $(document).ready(function() {
		$('#get_uuid').click(function() {
			$('#data', '#result').val('');
			$.ajax({
				type : 'get',
				dataType : 'json',
				url : '../jaxrs/uuid/random',
				xhrFields : {
					'withCredentials' : true
				},
				crossDomain : true
			}).done(function(json) {
				$('#result').html(JSON.stringify( json, null, 4));
			});
	    });
    });
</script>
</head>
<body>
<div style="float: left; width: 720px;">
	<div style="width: 100%;">
		<table border="1" width="100%">
	    	<tr>
				<td colspan="2">
					<button id="get_uuid">GET UUID</button>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<textarea id="result" style="width:97%;height:600px"/>
				</td>
			</tr>
    	</table>
	</div>
</div>
		
		
</body>
</html>